<template>
    <div style="position:relative;">
        <div class="content">
            <img class="content__img" alt="" src="http://www.dell-lee.com/imgs/vue3/user.png">
            <div class="content__input">
                <input class="content__input__neirong" type="text" name="" id="" placeholder="请输入手机号">
            </div>
            <div class="content__input">
                <input class="content__input__neirong" type="text" name="" id="" placeholder="请输入密码">
            </div>
            <router-link to="/home">
                <div class="content__login">
                    <button class="content__login__button">登陆</button>
                </div>
            </router-link>
            <div class="content__register">
                <router-link to="/register"><span>立即注册</span></router-link> |
                <router-link to=""><span>忘记密码</span></router-link> 
            </div>
        </div>
    </div>
</template>
<script>
export default {

}
</script>
<style lang="scss" scoped>
.content{
    text-align: center;
    margin-top:120px;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    &__img{
        width:66px;
        height:66px;
        margin-bottom:40px;
    }
    &__input{
        width:295px;
        height:40px;
        border-radius:6px;
        font-size: 16px;
        margin-bottom: 16px;
        border:1px solid rgba(0,0,0,0.10);
        background-color:#f9f9f9;
        &__neirong{
            padding-left:16px;
            box-sizing:border-box;
            border:none;
            line-height:40px;
            color:#777; 
            background-color:#f9f9f9;
            width:295px;
            height:40px;
        }
    }
    &__login{
        margin-top:32px;
        width:295px;
        height:40px;
        background-color: #0091FF;
        border-radius:4px;
        &__button{
            background-color:#0091FF;
            border:none;
            color: #fff;
            line-height: 38px;
        }
    }
    &__register{
        margin-top:16px;
    }
    
}
</style>